<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script src="https://unpkg.com/vue@3"></script>
	<!-- import CSS -->
	<link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
	<!-- import JavaScript -->
	<script src="https://unpkg.com/element-plus"></script>
<style>
body {
	margin: 10;
	font-size: 100%;
	line-height: 1.5;
}

.blue-button {
	background: #25A6E1;
	padding: 3px 20px;
	color: #fff;
	font-size: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 4px;
	border: 1px solid #1A87B9
}

table {
	width: 66%;
}

th {
	background: SteelBlue;
	color: white;
}

td,
th {
	border: 1px solid gray;
	font-size: 12px;
	text-align: left;
	padding: 5px 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis;
}
	</style>
</head>
<title>幸运共享~~</title>

<body>
	<div id="app" align="center">
		<el-button @click="open('http://118.178.86.130:8081')" type="primary">CSDN-Reader</el-button>
		<el-button @click="open('/text/')" type="primary">文本留存</el-button>
		<el-button @click="open('/git')" type="primary">git代码下载</el-button>
		<el-button @click="open('/tls')" type="primary">tls证书下载</el-button>
		<el-button @click="open('/404/')" type="danger">出错页面</el-button>
		<el-button @click="open('/doc.html')" type="success">ApiDoc</el-button>
		<p></p>
	</div>
	<div class="wrapper-page">
		<table align="center">
			<tr>
				<th>文本</th>
			</tr>
			<tr>
				<td style="text-align:left;">
					<form action="/text/submit" method="post">
						<textarea id="text" name="text" style="width:100%; height: 500px;">${text!}</textarea>
						<br><br>
						<input type="button" class="blue-button" value="清空文本"  onclick="javaScript:document.getElementById('text').value=''" />
						<input type="submit" class="blue-button" />
					</form>
				</td>
			</tr>
		</table>
	</div>
	
	<script>
		const App = {
			methods: {
				open(url) {
					if(url.length<8){
					  window.location=url;
					}
					else {
					  window.open(url);
					}
				}
			}
		};
		const app = Vue.createApp(App);
		app.use(ElementPlus);
		app.mount("#app");
	</script>
</body>

</html>